<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" type="text/css" href="../css/action.css">
	<link rel="stylesheet" type="text/css" href="../js/pagination.css">
	<link rel="stylesheet" type="text/css" href="../css/index.css">
</head>
<body>
<!-- 头部 -->
<header>
	<div class="content">
		<a href="javascript:;"><img src="../img/logo.f6de0a61.png" alt=""></a>
		<div>
			<div class="city-name">上海</div>
			
				<div class="citylist">
				      <div class="top-rows">
				        <div class="row">
				          <div class="title">当前城市：</div>
					          <ul>
					            <li class="selected" data-name="shanghai">上海</li>
					          </ul>
				        </div>
				        <div class="row">
				          <div class="title">热门城市：</div>
				          <ul class="asdf">
				            <li class="city-item" data-name="shanghai">上海</li>
				            <li class="city-item" data-name="beijing">北京</li>
				            <li class="city-item" data-name="guangzhou">广州</li>
				            <li class="city-item" data-name="shenzhen">深圳</li>
				            <li class="city-item" data-name="chengdu">成都</li>
				            <li class="city-item" data-name="chongqing">重庆</li>
				            <li class="city-item" data-name="tianjin">天津</li>
				            <li class="city-item" data-name="hangzhou">杭州</li>
				            <li class="city-item" data-name="nanjing">南京</li>
				            <li class="city-item" data-name="wuhan">武汉</li>
				            <li class="city-item" data-name="xian">西安</li>
				            <li class="city-item" data-name="changsha">长沙</li>
				            <li class="city-item" data-name="kunming">昆明</li>
				          </ul>
				        </div>
				      </div>
				      <div class="city-indexes">
				        <div class="title">按字母查找</div>
				        <ul class="hot-city-capitcals">
				          <li class="cap" id="a">A</li><li class="cap" id="b">B</li><li class="cap" id="c">C</li><li class="cap" id="d">D</li><li class="cap" id="f">F</li><li class="cap" id="g">G</li><li class="cap" id="h">H</li><li class="cap" id="j">J</li><li class="cap" id="k">K</li><li class="cap" id="l">L</li><li class="cap" id="m">M</li><li class="cap" id="n">N</li><li class="cap" id="p">P</li><li class="cap" id="q">Q</li><li class="cap" id="r">R</li><li class="cap" id="s">S</li><li class="cap" id="t">T</li><li class="cap" id="w">W</li><li class="cap" id="x">X</li><li class="cap" id="y">Y</li><li class="cap" id="z">Z</li>
				        </ul>
				      </div>
				      <div class="hot-cities">
				        <ul>
				          <li data-capital="A" id="A">
				              <div class="capital">A</div>
				              <ul class="items">
				                <div class="item city-item" data-name="anshun">安顺</div><div class="item city-item" data-name="macau">澳门</div>
				              </ul>
				         </li>
				         <li data-capital="B" id="B">
				              <div class="capital">B</div>
				              <ul class="items">
				                <div class="item city-item" data-name="bangkok">曼谷</div><div class="item city-item" data-name="baoding">保定</div><div class="item city-item" data-name="baotou">包头</div><div class="item city-item" data-name="beihai">北海</div><div class="item city-item" data-name="beijing">北京</div><div class="item city-item" data-name="bengbu">蚌埠</div><div class="item city-item" data-name="benxi">本溪</div><div class="item city-item" data-name="binzhou">滨州</div>
				              </ul>
				        </li>
				        <li data-capital="C" id="C">
				              <div class="capital">C</div>
				              <ul class="items">
				                <div class="item city-item" data-name="changchun">长春</div><div class="item city-item" data-name="changsha">长沙</div><div class="item city-item" data-name="changshu">常熟</div><div class="item city-item" data-name="changzhou">常州</div><div class="item city-item" data-name="chengde">承德</div><div class="item city-item" data-name="chengdu">成都</div><div class="item city-item" data-name="chongqing">重庆</div>
				              </ul>
				        </li>
				        <li data-capital="D" id="D"> 
				              <div class="capital">D</div>
				              <ul class="items">
				                <div class="item city-item" data-name="dalian">大连</div><div class="item city-item" data-name="daqing">大庆</div><div class="item city-item" data-name="deyang">德阳</div><div class="item city-item" data-name="dezhou">德州</div><div class="item city-item" data-name="dongguan">东莞</div><div class="item city-item" data-name="dongying">东营</div>
				              </ul>
				        </li>
				        <li data-capital="F" id="F">
				              <div class="capital">F</div>
				              <ul class="items">
				                <div class="item city-item" data-name="foshan">佛山</div><div class="item city-item" data-name="fushun">抚顺</div><div class="item city-item" data-name="fuzhou">福州</div>
				              </ul>
				        </li>
				        <li data-capital="G" id="G">
				              <div class="capital">G</div>
				              <ul class="items">
				                <div class="item city-item" data-name="ganzhou">赣州</div><div class="item city-item" data-name="guangan">广安</div><div class="item city-item" data-name="guangxiyulin">玉林</div><div class="item city-item" data-name="guangzhou">广州</div><div class="item city-item" data-name="guilin">桂林</div><div class="item city-item" data-name="guiyang">贵阳</div>
				              </ul>
				        </li>
				        <li data-capital="H" id="H">
				              <div class="capital">H</div>
				              <ul class="items">
				                <div class="item city-item" data-name="haerbin">哈尔滨</div><div class="item city-item" data-name="haikou">海口</div><div class="item city-item" data-name="handan">邯郸</div><div class="item city-item" data-name="hangzhou">杭州</div><div class="item city-item" data-name="hefei">合肥</div><div class="item city-item" data-name="hengshui">衡水</div><div class="item city-item" data-name="hengyang">衡阳</div><div class="item city-item" data-name="heyuan">河源</div><div class="item city-item" data-name="huaian">淮安</div><div class="item city-item" data-name="huanggang">黄冈</div><div class="item city-item" data-name="huhehaote">呼和浩特</div><div class="item city-item" data-name="huizhou">惠州</div><div class="item city-item" data-name="huzhou">湖州</div>
				              </ul>
				        </li>
				        <li data-capital="J" id="J">
				              <div class="capital">J</div>
				              <ul class="items">
				                <div class="item city-item" data-name="jiangmen">江门</div><div class="item city-item" data-name="jiangxiyichun">宜春</div><div class="item city-item" data-name="jiaxing">嘉兴</div><div class="item city-item" data-name="jilin">吉林</div><div class="item city-item" data-name="jinan">济南</div><div class="item city-item" data-name="jingzhou">荆州</div><div class="item city-item" data-name="jinhua">金华</div><div class="item city-item" data-name="jining">济宁</div><div class="item city-item" data-name="jiujiang">九江</div>
				              </ul>
				        </li>
				        <li data-capital="K" id="K">
				              <div class="capital">K</div>
				              <ul class="items">
				                <div class="item city-item" data-name="kunming">昆明</div><div class="item city-item" data-name="kunshan">昆山</div>
				              </ul>
				        </li>
				        <li data-capital="L" id="L">
				              <div class="capital">L</div>
				              <ul class="items">
				                <div class="item city-item" data-name="langfang">廊坊</div><div class="item city-item" data-name="lanzhou">兰州</div><div class="item city-item" data-name="lasvegas">拉斯维加斯</div><div class="item city-item" data-name="leshan">乐山</div><div class="item city-item" data-name="lianyuangang">连云港</div><div class="item city-item" data-name="liaocheng">聊城</div><div class="item city-item" data-name="linyi">临沂</div><div class="item city-item" data-name="lishui">丽水</div><div class="item city-item" data-name="liuzhou">柳州</div><div class="item city-item" data-name="luoyang">洛阳</div>
				              </ul>
				        </li>
				        <li data-capital="M" id="M">
				              <div class="capital">M</div>
				              <ul class="items">
				                <div class="item city-item" data-name="maanshan">马鞍山</div><div class="item city-item" data-name="maoming">茂名</div><div class="item city-item" data-name="mianyang">绵阳</div><div class="item city-item" data-name="moscow">莫斯科</div><div class="item city-item" data-name="mudanjiang">牡丹江</div>
				              </ul>
				        </li>
				        <li data-capital="N" id="N">
				              <div class="capital">N</div>
				              <ul class="items">
				                <div class="item city-item" data-name="nanchang">南昌</div><div class="item city-item" data-name="nanjing">南京</div><div class="item city-item" data-name="nanning">南宁</div><div class="item city-item" data-name="nantong">南通</div><div class="item city-item" data-name="ningbo">宁波</div>
				              </ul>
				        </li>
				        <li data-capital="P" id="P">
				              <div class="capital">P</div>
				              <ul class="items">
				                <div class="item city-item" data-name="pingxiang">萍乡</div>
				              </ul>
				        </li>
				        <li data-capital="Q" id="Q">
				              <div class="capital">Q</div>
				              <ul class="items">
				                <div class="item city-item" data-name="qianjiang">潜江</div><div class="item city-item" data-name="qingdao">青岛</div><div class="item city-item" data-name="qingyuan">清远</div><div class="item city-item" data-name="qinhuangdao">秦皇岛</div><div class="item city-item" data-name="quanzhou">泉州</div>
				              </ul>
				        </li>
				        <li data-capital="R" id="R">
				              <div class="capital">R</div>
				              <ul class="items">
				                <div class="item city-item" data-name="rizhao">日照</div><div class="item city-item" data-name="russia">俄罗斯</div>
				              </ul>
				        </li>
				        <li data-capital="S" id="S">
				              <div class="capital">S</div>
				              <ul class="items">
				                <div class="item city-item" data-name="sanya">三亚</div><div class="item city-item" data-name="shanghai">上海</div><div class="item city-item" data-name="shantou">汕头</div><div class="item city-item" data-name="shaoxing">绍兴</div><div class="item city-item" data-name="shenyang">沈阳</div><div class="item city-item" data-name="shenzhen">深圳</div><div class="item city-item" data-name="shijiazhuang">石家庄</div><div class="item city-item" data-name="singapore">新加坡</div><div class="item city-item" data-name="suining">遂宁</div><div class="item city-item" data-name="suzhou">苏州</div>
				              </ul>
				        </li>
				        <li data-capital="T" id="T">
				              <div class="capital">T</div>
				              <ul class="items">
				                <div class="item city-item" data-name="taian">泰安</div><div class="item city-item" data-name="taiyuan">太原</div><div class="item city-item" data-name="taizhou">泰州</div><div class="item city-item" data-name="tangshan">唐山</div><div class="item city-item" data-name="tianjin">天津</div>
				              </ul>
				        </li>
				        <li data-capital="W" id="W">
				              <div class="capital">W</div>
				              <ul class="items">
				                <div class="item city-item" data-name="weifang">潍坊</div><div class="item city-item" data-name="weihai">威海</div><div class="item city-item" data-name="wenzhou">温州</div><div class="item city-item" data-name="wuhan">武汉</div><div class="item city-item" data-name="wuhu">芜湖</div><div class="item city-item" data-name="wulumuqi">乌鲁木齐</div><div class="item city-item" data-name="wuxi">无锡</div><div class="item city-item" data-name="wuzhou">梧州</div>
				              </ul>
				        </li>
				        <li data-capital="X" id="X">
				              <div class="capital">X</div>
				              <ul class="items">
				                <div class="item city-item" data-name="xiamen">厦门</div><div class="item city-item" data-name="xian">西安</div><div class="item city-item" data-name="hongkong">香港</div><div class="item city-item" data-name="xuzhou">徐州</div>
				              </ul>
				        </li>
				        <li data-capital="Y" id="Y">
				              <div class="capital">Y</div>
				              <ul class="items">
				                <div class="item city-item" data-name="yancheng">盐城</div><div class="item city-item" data-name="yangzhou">扬州</div><div class="item city-item" data-name="yantai">烟台</div><div class="item city-item" data-name="yibin">宜宾</div><div class="item city-item" data-name="yichang">宜昌</div><div class="item city-item" data-name="yinchuan">银川</div><div class="item city-item" data-name="yingkou">营口</div><div class="item city-item" data-name="yiwu">义乌</div><div class="item city-item" data-name="yulin">榆林</div>
				              </ul>
				        </li>
				        <li data-capital="Z" id="Z">
				              <div class="capital">Z</div>
				              <ul class="items">
				                <div class="item city-item" data-name="zaozhuang">枣庄</div><div class="item city-item" data-name="zhangjiakou">张家口</div><div class="item city-item" data-name="zhangqiu">章丘</div><div class="item city-item" data-name="zhanjiang">湛江</div><div class="item city-item" data-name="zhaoqing">肇庆</div><div class="item city-item" data-name="zhejiangtaizhou">台州</div><div class="item city-item" data-name="zhengzhou">郑州</div><div class="item city-item" data-name="zhenjiang">镇江</div><div class="item city-item" data-name="zhongshan">中山</div><div class="item city-item" data-name="zhoushan">舟山</div><div class="item city-item" data-name="zhuhai">珠海</div><div class="item city-item" data-name="zhuzhou">株洲</div><div class="item city-item" data-name="zibo">淄博</div><div class="item city-item" data-name="zigong">自贡</div><div class="item city-item" data-name="zunyi">遵义</div>
				              </ul>
				            </li>
				        </ul>
				      </div>
				    </div>

			</div>
	
		<div class="menu">
        	<a href="javascript:;">首页</a>
        	<a href="javascript:;" class="active">全部演出</a>
        	<a href="javascript:;">发现</a>

		</div>

		<!--搜索按钮-->
		<div class="search">
			<div class="search-t clearfix">
				<input placeholder="找演出、明星、场馆" autocomplete="off" name="keyword" value="" class="input" id="ss">
				<button id="btn">搜索</button>
			</div>
			<div class="search-b">
				<ul>
					<li><a href="javascript:;" style="color: #ff2661;">胡军</a></li>
					<li><a href="javascript:;">费玉清</a></li>
					<li><a href="javascript:;">崔健</a></li>
					<li><a href="javascript:;">动力火车</a></li>
					<li><a href="javascript:;">开心麻花</a></li>
					<li><a href="javascript:;">孟京辉</a></li>
				</ul>
			</div>
		</div>

		<div class="header-right">
			<div class="app">
				<div class="app--icon"><img src="../img/icon-phone.9fd4d282.png" alt=""></div>
				<span class="app-icon" style="width: 82px">APP下载</span>
				<div class="apptwo">
					<ul class="submenu-inner">
						<li>
							<img src="https://static.piaoniu.com/pc/img/qr-app.a2c8e636.png" class="qr">
							<div class="txt"> 
								<div class="title">
									票牛APP
								</div>
								<div class="desc">
									热门票随时抢
									<br>折扣票随时买
								</div>
							</div>
							</li>
							<li>
								<img src="https://static.piaoniu.com/pc/img/qr-wechat.eceb0fc5.png" class="qr">
								<div class="txt">
									<div class="title">
										微信订阅号
									</div>
									<div class="desc">
										精彩剧评最新
										<br>活动随时看
									</div>
								</div>
							</li>
						</ul>
					</div>
				
			</div>
			<div class="login">
				<div class="logimg"><img src="../img/default-avatar.51fb766c.png" alt=""></div>
				<div class="sanjiaoxing"></div>
			</div>
			<div class="submenu submenu-account abcdefg">
				<ul class="submenu-inner">
					<li><a href="javascript:;">我的订单</a></li>
					<li><a href="javascript:;">我的钱包</a></li>
					<li><a href="javascript:;">账户设置</a></li>
					<li><a href="javascript:;" class="logout">退出登录</a></li>
				</ul>
			</div>
			<div class="cover-login">
				<div class="cover"></div>
				<div class="light-login">
					  <div class="close"><img src="../img/icon-close.9fd605df.png" alt=""></div>
					  <div class="titles">
					    <div class="title-quick-login title1">快捷登录</div>
					    <div class="title-login title2">密码登录</div>
					  </div>

					  <form method="post" class="form form-quick-login">
					    <div class="row">
					      <input placeholder="手机号" name="ua" maxlength="11" class="input input-mobile">
					    </div>
<!-- 					    <div class="row row-vcode">
					      <input placeholder="图形验证码" name="vcode" class="input input-vcode">
					      <img src="/api/v1/user/captcha" class="vcode"> -->
					      <!-- <div class="btn btn-vcode">换一张</div> -->
					 <!--    </div> -->
					    <div class="row row-getcode">
					      <input placeholder="验证码" maxlength="6" name="code" class="input input-getcode" style="">
					      <div class="btn btn-getcode disabled">获取验证码</div>
					    </div>
					    <div class="row">
					      <input type="submit" class="btn btn-submit" value="登录" style="">
					    </div>
					    <div class="hint">免注册，登录即创建票牛账户</div>
					  </form>
					  
					  <form method="post" class="form form-login">
					    <div class="row">
					      <input placeholder="手机号" name="ua" maxlength="11" class="input input-mobile">
					    </div>
					    <div class="row">
					      <input type="password" name="pw" placeholder="密码" class="input input-password">
					    </div>
				<!-- 	    <div class="row row-vcode form-login-vcode">
					      <input placeholder="请输入验证码" name="captcha" class="input input-vcode">
					      <img src="/api/v1/user/captcha" class="vcode">
					    </div> -->
					    <div class="row">
					      <input type="submit" class="btn btn-submit" value="登录">
					    </div>
					  </form>
					</div>
			</div>
		</div>


	</div>


</header>
<!-- 内容 -->
	<div class="lxl">
		<div class="lxlleft">
			<div class="lxltop">
				<a href="action.html" class="top1">演出</a>
				<a href="new_html.html" class="top2">评论</a>
			</div>
			<div class="lxltext" id="one">
				<div class="lxltext1">
					<div class="text1">演出城市</div>
					<div class="text2 clearfix">
						<a href="javascript:;" class="active3 item">上海</a>
						<a href="javascript:;" class="item">北京</a>
						<a href="javascript:;" class="item">广州</a>
						<a href="javascript:;" class="item">深圳</a>
						<a href="javascript:;" class="item">成都</a>
						<a href="javascript:;" class="item">重庆</a>
						<a href="javascript:;" class="item">天津</a>
						<a href="javascript:;" class="item">杭州</a>
						<a href="javascript:;" class="item">南京</a>
						<a href="javascript:;" class="item">武汉</a>
						<a href="javascript:;" class="item">西安</a>
						<a href="javascript:;" class="item">长沙</a>
						<a href="javascript:;" class="item">昆明</a>
						<div href="javascript:;"  class="othercity item" id="othercity">其他城市
							<div class="cities" id="cities">
								<div class="arr-up"></div>
								<div class="title3">按字母查找</div>
								<ul class="cells clearfix">
									<li class="cell" id="A1">A</li>
									<li class="cell" id="B1">B</li>
									<li class="cell" id="C1">C</li>
									<li class="cell" id="D1">D</li>
									<li class="cell" id="F1">F</li>
									<li class="cell" id="G1">G</li>
									<li class="cell" id="H1">H</li>
									<li class="cell" id="J1">J</li>
									<li class="cell" id="K1">K</li>
									<li class="cell" id="L1">L</li>
									<li class="cell" id="M1">M</li>
									<li class="cell" id="N1">N</li>
									<li class="cell" id="P1">P</li>
									<li class="cell" id="Q1">Q</li>
									<li class="cell" id="R1">R</li>
									<li class="cell" id="S1">S</li>
									<li class="cell" id="T1">T</li>
									<li class="cell" id="W1">W</li>
									<li class="cell" id="X1">X</li>
									<li class="cell" id="Y1">Y</li>
									<li class="cell" id="Z1">Z</li>
								</ul>
								<div class="allarea">
									<ul>
										<li class="area clearfix" id="a1">
											<div class="area1">A</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
											</div>
											
										</li>
										<li class="area clearfix" id="b1">
											<div class="area1">B</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="c1">
											<div class="area1">C</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="d1">
											<div class="area1">D</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="f1">
											<div class="area1">F</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="g1">
											<div class="area1">G</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="h1">
											<div class="area1">H</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="j1">
											<div class="area1">J</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="k1">
											<div class="area1">K</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="l1">
											<div class="area1">L</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="m1">
											<div class="area1">M</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="n1">
											<div class="area1">N</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="p1">
											<div class="area1">P</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="q1">
											<div class="area1">Q</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="r1">
											<div class="area1">R</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="s1">
											<div class="area1">S</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="t1">
											<div class="area1">T</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="w1">
											<div class="area1">W</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="x1">
											<div class="area1">X</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="y1">
											<div class="area1">Y</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
										<li class="area clearfix" id="z1">
											<div class="area1">Z</div>
											<div class="area2">
												<div class="area3">安顺</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
												<div class="area3">澳门</div>
											</div>
										</li>
									</ul>
								</div>
								
							</div>
						</div>
					</div>
					
				</div>
				<div class="lxltext1">
					<div class="text1">演出分类</div>
					<div class="text2 clearfix" id="bindType"><!--点击搜索按钮，选中当前定位城市，类别定位全部，演出时间也默认选中全部
												点击类别，选中当前定位城市，类别定位选中的，演出时间也默认选中全部-->
					<!--	<a href="javascript:;" class="active3 item">全部</a>
						<a href="javascript:;" class="item">演唱会</a>
						<a href="javascript:;" class="item">话剧歌院</a>
						<a href="javascript:;" class="item">休闲展览</a>
						<a href="javascript:;" class="item">体育赛事</a>
						<a href="javascript:;" class="item">音乐会</a>
						<a href="javascript:;" class="item">儿童亲子</a>
						<a href="javascript:;" class="item">舞蹈芭蕾</a>
						<a href="javascript:;" class="item">戏曲综艺</a>-->
					</div>
				</div>
				<div class="lxltext1" id="sonType">
					<div class="text1">演出子类</div>
					<div class="text2 clearfix" id="sonTypeBind"><!--点击搜索按钮，选中当前定位城市，类别定位全部，演出时间也默认选中全部
												点击类别，选中当前定位城市，类别定位选中的，演出时间也默认选中全部-->
							<!--<a href="javascript:;" class="active3 item">全部</a>
                            <a href="javascript:;" class="item">演唱会</a>
                            <a href="javascript:;" class="item">话剧歌院</a>
                            <a href="javascript:;" class="item">休闲展览</a>
                            <a href="javascript:;" class="item">体育赛事</a>
                            <a href="javascript:;" class="item">音乐会</a>
                            <a href="javascript:;" class="item">儿童亲子</a>
                            <a href="javascript:;" class="item">舞蹈芭蕾</a>
                            <a href="javascript:;" class="item">戏曲综艺</a>-->
					</div>
				</div>
				<div class="lxltext1">
					<div class="text1">演出时间</div>
					<div class="text2 clearfix" id="timeNum">
						<a href="javascript:;" class="active3 dTime item" titlt="0">全部</a>
						<a href="javascript:;" class="item dTime " titlt="1">本周内</a>
						<a href="javascript:;" class="item dTime" titlt="2">本月末</a>
						<a href="javascript:;" class="item dTime" titlt="3">本周末</a>
					<!--	<a href="javascript:;" class="item dTime" titlt="4">指定日期</a>-->
					</div>
				</div>
			</div>
			<div class="lxltext2 clearfix" id="orderFather">
				<div class="text2-1 ">
					<a href="javascript:;" class="active1 order " id="0">综合排序</a>
				</div>
				<div class="text2-1">
					<a href="javascript:;" class="order" id="1">最新优先</a>
				</div>
				<div class="text2-1">
					<a href="javascript:;" class="order " id="2">>低价优先</a>
				</div>
				<div class="text2-1">
					<a href="javascript:;" class="order "id="3">好评优先</a>
				</div>
			<!--	<a href="action-seat.html" class="text2-2" id="seat">
					<span class="text2-2-1"></span>
					<span class="text2-2-2">在线选座</span>
				</a>-->
				<div >
					<span style="float:right;margin-right: 50px;margin-top: 8px">:可以选座</span>
					<input type="checkbox" value="1" name="xc" style="float:right;margin-top: 10px" id="xc">

				</div>
			</div>
			<div class="lxltext3">
				<ul class="text3" id="shopPageList">
				<!--	<li class="text3-1">
						<div class="zhekou">
							<div class="cut">8.5</div>
							<div class="zhe">折</div>
						</div>
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl1.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]奶油天音乐派对 上海站</a>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">9.9</span>
							</div>
							<p class="stm">2018.12.07-12.09</p>
							<p class="stm"><a href="javascript:;">国家会展中心</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">283</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<div class="zhekou">
							<div class="cut">8.5</div>
							<div class="zhe">折</div>
						</div>
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl4.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]第十二届音乐盛典咪咕汇</a>
							<div class="scr">
								<span class="scr-font"></span>艺人:蔡徐坤、袁娅维、邓紫棋、五月天、张惠妹、徐佳莹、蔡依林、周杰伦、吴奇、薛之谦、李剑青
								<span class="scr-back"></span>
							</div>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">10.0</span>
							</div>
							<p class="stm">2018.12.08 19:00</p>
							<p class="stm"><a href="javascript:;">上海梅塞德斯奔驰文化中心（上海世博文化中心）</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">380</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<div class="zhekou">
							<div class="cut">8.5</div>
							<div class="zhe">折</div>
						</div>
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl5.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]牢友记
							</a>
							<span class="seat">座</span>
							<span class="ele">电</span>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">9.1</span>
							</div>
							<p class="stm">2018.11.20-12.09</p>
							<p class="stm"><a href="javascript:;">虹桥艺术中心（原天山电影院）</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">80</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl1.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]奶油天音乐派对 上海站</a>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">9.9</span>
							</div>
							<p class="stm">2018.12.07-12.09</p>
							<p class="stm"><a href="javascript:;">国家会展中心</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">283</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<div class="zhekou">
							<div class="cut">8.5</div>
							<div class="zhe">折</div>
						</div>
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl4.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]第十二届音乐盛典咪咕汇</a>
							<div class="scr">
								<span class="scr-font"></span>艺人:蔡徐坤、袁娅维、邓紫棋、五月天、张惠妹、徐佳莹、蔡依林、周杰伦、吴奇、薛之谦、李剑青
								<span class="scr-back"></span>
							</div>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">10.0</span>
							</div>
							<p class="stm">2018.12.08 19:00</p>
							<p class="stm"><a href="javascript:;">上海梅塞德斯奔驰文化中心（上海世博文化中心）</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">380</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl5.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]牢友记
							</a>
							<span class="seat">座</span>
							<span class="ele">电</span>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">9.1</span>
							</div>
							<p class="stm">2018.11.20-12.09</p>
							<p class="stm"><a href="javascript:;">虹桥艺术中心（原天山电影院）</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">80</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl1.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]奶油天音乐派对 上海站</a>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">9.9</span>
							</div>
							<p class="stm">2018.12.07-12.09</p>
							<p class="stm"><a href="javascript:;">国家会展中心</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">283</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl4.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]第十二届音乐盛典咪咕汇</a>
							<div class="scr">
								<span class="scr-font"></span>艺人:蔡徐坤、袁娅维、邓紫棋、五月天、张惠妹、徐佳莹、蔡依林、周杰伦、吴奇、薛之谦、李剑青
								<span class="scr-back"></span>
							</div>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">10.0</span>
							</div>
							<p class="stm">2018.12.08 19:00</p>
							<p class="stm"><a href="javascript:;">上海梅塞德斯奔驰文化中心（上海世博文化中心）</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">380</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl5.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]牢友记
							</a>
							<span class="seat">座</span>
							<span class="ele">电</span>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">9.1</span>
							</div>
							<p class="stm">2018.11.20-12.09</p>
							<p class="stm"><a href="javascript:;">虹桥艺术中心（原天山电影院）</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">80</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl1.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]奶油天音乐派对 上海站</a>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">9.9</span>
							</div>
							<p class="stm">2018.12.07-12.09</p>
							<p class="stm"><a href="javascript:;">国家会展中心</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">283</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl4.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]第十二届音乐盛典咪咕汇</a>
							<div class="scr">
								<span class="scr-font"></span>艺人:蔡徐坤、袁娅维、邓紫棋、五月天、张惠妹、徐佳莹、蔡依林、周杰伦、吴奇、薛之谦、李剑青
								<span class="scr-back"></span>
							</div>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">10.0</span>
							</div>
							<p class="stm">2018.12.08 19:00</p>
							<p class="stm"><a href="javascript:;">上海梅塞德斯奔驰文化中心（上海世博文化中心）</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">380</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl5.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]牢友记
							</a>
							<span class="seat">座</span>
							<span class="ele">电</span>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">9.1</span>
							</div>
							<p class="stm">2018.11.20-12.09</p>
							<p class="stm"><a href="javascript:;">虹桥艺术中心（原天山电影院）</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">80</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl1.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]奶油天音乐派对 上海站</a>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">9.9</span>
							</div>
							<p class="stm">2018.12.07-12.09</p>
							<p class="stm"><a href="javascript:;">国家会展中心</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">283</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1">
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl4.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]第十二届音乐盛典咪咕汇</a>
							<div class="scr">
								<span class="scr-font"></span>艺人:蔡徐坤、袁娅维、邓紫棋、五月天、张惠妹、徐佳莹、蔡依林、周杰伦、吴奇、薛之谦、李剑青
								<span class="scr-back"></span>
							</div>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">10.0</span>
							</div>
							<p class="stm">2018.12.08 19:00</p>
							<p class="stm"><a href="javascript:;">上海梅塞德斯奔驰文化中心（上海世博文化中心）</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">380</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>
					<li class="text3-1" style="border-bottom:none;">
						<a href="javascript:;"  title="奶油天2018年音乐派对">
							<img src="../img/4-lxl5.jpg" class="text3-1-1">
						</a>
						<div class="text3-1-2">
							<a href="javascript:;" class="title">[上海]牢友记
							</a>
							<span class="seat">座</span>
							<span class="ele">电</span>
							<div class="pin">
								<span>评分</span>
								<span class="pin1">9.1</span>
							</div>
							<p class="stm">2018.11.20-12.09</p>
							<p class="stm"><a href="javascript:;">虹桥艺术中心（原天山电影院）</a></p>
						</div>
						<div class="text3-1-3">
							<div class="text3-1-3-top">
								<span class="tp1">￥</span>
								<span class="tp2">80</span>
								<span class="tp3">起</span>
							</div>
							<a href="javascript:;" class="text3-1-3-bottom">立即购买</a>
						</div>
					</li>-->
				</ul>
			</div>
			<div class="lxlpage">
				<div class="M-box2">
					
				</div>
				
			</div>
		</div>
		<div class="lxlright">
			<div class="righttop">
				<span class="dowlad">扫码下载</span>
			</div>
			<div class="qrcode">
				<img src="../img/4-lxl7.png">
				<div class="coderight">
					<a href="javascript:;">票牛App</a>
					<p>热门票随时抢 折扣票随时买</p>
				</div>
			</div>
			<div class="hactives">
				<div class="hactives-title">
					<span class="hactives-title-top">大家都在看</span>
				</div>
				<div>
					<ul class="cont">
						<li class="content1">
							<a href="javascript:;" title="赖声川—胡歌—卢燕—20181119—上剧场—赖声川作品《如梦之梦》卢燕、胡歌">
								<img src="../img/4-lxl8.jpg" class="content1-left">
							</a>
							<div class="content1-right">
								<a href="javascript:;" title="赖声川—胡歌—卢燕—20181119—上剧场—赖声川作品《如梦之梦》卢燕、胡歌">如梦之梦</a>
								<span>2019.01.10-01.12</span>
								<p class="watch">111282人想观看</p>
							</div>
						</li>
						<li class="content1">
							<a href="javascript:;" title="赖声川—胡歌—卢燕—20181119—上剧场—赖声川作品《如梦之梦》卢燕、胡歌">
								<img src="../img/4-lxl8.jpg" class="content1-left">
							</a>
							<div class="content1-right">
								<a href="javascript:;" title="赖声川—胡歌—卢燕—20181119—上剧场—赖声川作品《如梦之梦》卢燕、胡歌">如梦之梦</a>
								<span>2019.01.10-01.12</span>
								<p class="watch">111282人想观看</p>
							</div>
						</li>
						<li class="content1">
							<a href="javascript:;" title="赖声川—胡歌—卢燕—20181119—上剧场—赖声川作品《如梦之梦》卢燕、胡歌">
								<img src="../img/4-lxl8.jpg" class="content1-left">
							</a>
							<div class="content1-right">
								<a href="javascript:;" title="赖声川—胡歌—卢燕—20181119—上剧场—赖声川作品《如梦之梦》卢燕、胡歌">如梦之梦</a>
								<span>2019.01.10-01.12</span>
								<p class="watch">111282人想观看</p>
							</div>
						</li>
						<li class="content2">
							<span class="count">4</span>
							<a href="javascript:;" title="20181024_东方体育中心_2018德云社_岳云鹏&孙越相声圣诞专场 上海站">岳云鹏&孙越相声圣诞专场</a>
							<span class="watch">4498人想看</span>
						</li>
						<li class="content2">
							<span class="count">5</span>
							<a href="javascript:;" title="20181024_东方体育中心_2018德云社_岳云鹏&孙越相声圣诞专场 上海站">岳云鹏&孙越相声圣诞专场</a>
							<span class="watch">4498人想看</span>
						</li>
						<li class="content2">
							<span class="count">6</span>
							<a href="javascript:;" title="20181024_东方体育中心_2018德云社_岳云鹏&孙越相声圣诞专场 上海站">岳云鹏&孙越相声圣诞专场</a>
							<span class="watch">4498人想看</span>
						</li>
						<li class="content2">
							<span class="count">7</span>
							<a href="javascript:;" title="20181024_东方体育中心_2018德云社_岳云鹏&孙越相声圣诞专场 上海站">岳云鹏&孙越相声圣诞专场</a>
							<span class="watch">4498人想看</span>
						</li>
						<li class="content2">
							<span class="count">8</span>
							<a href="javascript:;" title="20181024_东方体育中心_2018德云社_岳云鹏&孙越相声圣诞专场 上海站">岳云鹏&孙越相声圣诞专场</a>
							<span class="watch">4498人想看</span>
						</li>
					</ul>
				</div>
			</div>
			<div class="lactives">
				<div class="lactives-title">
					<span class="lactives-title-top">猜你喜欢</span>
				</div>
				<div>
					<ul class="cont">
						<li class="content1">
							<a href="javascript:;" title="20180524_华特迪士尼大剧院_百老汇经典音乐剧《美女与野兽》中文版">
								<img src="../img/4-lxl9.jpg" class="content1-left">
							</a>
							<div class="content1-right">
								<a href="javascript:;" title="20180524_华特迪士尼大剧院_百老汇经典音乐剧《美女与野兽》中文版">美女与野兽</a>
								<span>2018.09.30-2019.01.01</span>
								<a href="javascript:;" style="color:#666;text-decoration: none;" title="20180524_华特迪士尼大剧院_百老汇经典音乐剧《美女与野兽》中文版">华特迪士尼大剧院</a>
								<div class="price">122元</div>
								<span>起</span>
							</div>
						</li>
						<li class="content1">
							<a href="javascript:;" title="20180524_华特迪士尼大剧院_百老汇经典音乐剧《美女与野兽》中文版">
								<img src="../img/4-lxl9.jpg" class="content1-left">
							</a>
							<div class="content1-right">
								<a href="javascript:;" title="20180524_华特迪士尼大剧院_百老汇经典音乐剧《美女与野兽》中文版">美女与野兽</a>
								<span>2018.09.30-2019.01.01</span>
								<a href="javascript:;" style="color:#666;text-decoration: none;" title="20180524_华特迪士尼大剧院_百老汇经典音乐剧《美女与野兽》中文版">华特迪士尼大剧院</a>
								<div class="price">122元</div>
								<span>起</span>
							</div>
						</li>
						<li class="content1">
							<a href="javascript:;" title="20180524_华特迪士尼大剧院_百老汇经典音乐剧《美女与野兽》中文版">
								<img src="../img/4-lxl9.jpg" class="content1-left">
							</a>
							<div class="content1-right">
								<a href="javascript:;" title="20180524_华特迪士尼大剧院_百老汇经典音乐剧《美女与野兽》中文版">美女与野兽</a>
								<span>2018.09.30-2019.01.01</span>
								<a href="javascript:;" style="color:#666;text-decoration: none;" title="20180524_华特迪士尼大剧院_百老汇经典音乐剧《美女与野兽》中文版">华特迪士尼大剧院</a>
								<div class="price">122元</div>
								<span>起</span>
							</div>
						</li>
						<li class="content3">
							<p><a href="javascript:;" class="title2">减压展</a></p>
							<span class="time">2018.06.26-2019.01.06</span>
							<div class="price">￥68</div>
							<span style="font-size: 12px;color:#999;">起</span>
						</li>
						<li class="content3">
							<p><a href="javascript:;" class="title2">减压展</a></p>
							<span class="time">2018.06.26-2019.01.06</span>
							<div class="price">￥68</div>
							<span style="font-size: 12px;color:#999;">起</span>
						</li>
						<li class="content3">
							<p><a href="javascript:;" class="title2">减压展</a></p>
							<span class="time">2018.06.26-2019.01.06</span>
							<div class="price">￥68</div>
							<span style="font-size: 12px;color:#999;">起</span>
						</li>
						<li class="content3">
							<p><a href="javascript:;" class="title2">减压展</a></p>
							<span class="time">2018.06.26-2019.01.06</span>
							<div class="price">￥68</div>
							<span style="font-size: 12px;color:#999;">起</span>
						</li>
						<li class="content3">
							<p><a href="javascript:;" class="title2">减压展</a></p>
							<span class="time">2018.06.26-2019.01.06</span>
							<div class="price">￥68</div>
							<span style="font-size: 12px;color:#999;">起</span>
						</li>
						<li class="content3">
							<p><a href="javascript:;" class="title2">减压展</a></p>
							<span class="time">2018.06.26-2019.01.06</span>
							<div class="price">￥68</div>
							<span style="font-size: 12px;color:#999;">起</span>
						</li>
						<li class="content3">
							<p><a href="javascript:;" class="title2">减压展</a></p>
							<span class="time">2018.06.26-2019.01.06</span>
							<div class="price">￥68</div>
							<span style="font-size: 12px;color:#999;">起</span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
<!-- 尾部 -->
<footer>
	<div class="content">
		<div class="container">
			<a href="javascript:;" rel="nofollow" class="item">
				<img src="../img/icon-diamond.3524e325.png" class="icon">
				<div class="text">
					<div class="title">无票赔付</div>
					<div class="desc">无票赔付，最高退一赔二</div>
				</div>
			</a>
			<a href="javascript:;" rel="nofollow" class="item">
				<img src="../img/icon-shield.ff071a4b.png" class="icon"><div class="text"><div class="title">出票保真</div>
				<div class="desc">全程消费保障，买得放心</div>
			</div>
			</a>
			<a href="javascript:;" rel="nofollow" class="item">
				<img src="../img/icon-umbrella.ed43b4ea.png" class="icon">
				<div class="text">
					<div class="title">配送保障</div>
					<div class="desc">多种取票方式 安全送达</div>
				</div>
			</a>
		</div>
	</div>

</footer>
<div  class="footer">
	<div class="content">
		<div class="container">
			<div class="links-and-brand">
				<img src="https://static.piaoniu.com/pc/ui/img/footer-logo.1a1486d7.png" class="footer-logo">

				<div class="helps">
					<div class="buyDesc help">
						<div class="title">订票说明</div>
						<div class="item">
							<a href="/questions?question=订购渠道&amp;questionGroup=订购说明" rel="nofollow">订购渠道</a>
						</div>
						<div class="item">
							<a href="/questions?question=演出状态&amp;questionGroup=订购说明" rel="nofollow">演出状态</a>
						</div>
						<div class="item">
							<a href="/questions?question=如何订购&amp;questionGroup=订购说明" rel="nofollow">如何订购</a>
						</div>
						<div class="item">
							<a href="/questions?question=价格说明&amp;questionGroup=订购说明" rel="nofollow">价格说明</a>
						</div>
						<div class="item">
							<a href="/questions?question=关于座位&amp;questionGroup=订购说明" rel="nofollow">关于座位</a>
						</div>
					</div>
					<div class="payType help">
						<div class="title">支付方式</div>
						<div class="item">
							<a href="/questions?question=在线支付&amp;questionGroup=支付方式" rel="nofollow">在线支付</a>
						</div>
						<div class="item">
							<a href="/questions?question=花呗&amp;questionGroup=支付方式" rel="nofollow">花呗</a>
						</div>
						<div class="item">
							<a href="/questions?question=银行卡支付&amp;questionGroup=支付方式" rel="nofollow">银行卡支付</a>
						</div>
					</div>
					<div class="deliverType help">
						<div class="title">配送方式</div>
						<div class="item">
							<a href="/questions?question=上门自取&amp;questionGroup=配送方式" rel="nofollow">上门自取</a>
						</div>
						<div class="item">
							<a href="/questions?question=现场自取&amp;questionGroup=配送方式" rel="nofollow">现场自取</a>
						</div>
						<div class="item">
							<a href="/questions?question=顺丰配送&amp;questionGroup=配送方式" rel="nofollow">顺丰配送</a>
						</div>
						<div class="item">
							<a href="/questions?question=电子票&amp;questionGroup=配送方式" rel="nofollow">电子票</a>
						</div>
					</div>
					<div class="afterSaleService help">
						<div class="title">售后服务</div>
						<div class="item">
							<a href="/questions?question=退换票说明&amp;questionGroup=售后服务" rel="nofollow">退换票说明</a>
						</div>
						<div class="item">
							<a href="/questions?question=退款说明&amp;questionGroup=售后服务" rel="nofollow">退款说明</a>
						</div>
						<div class="item">
							<a href="/questions?question=退款条件&amp;questionGroup=售后服务" rel="nofollow">退款条件</a>
						</div>
					</div>
					<div class="featureService help">
						<div class="title">特色服务</div>
						<div class="item">
							<a href="/services" rel="nofollow">无票赔付</a>
						</div>
						<div class="item">
							<a href="/services" rel="nofollow">下单一小时可退款</a>
						</div>
						<div class="item">
							<a href="/services" rel="nofollow">保证真票</a>
						</div>
						<div class="item">
							<a href="/services" rel="nofollow">配送保障</a>
						</div>
					</div>
				</div>
				<div class="qr-codes">
					<div class="item">
						<img src="https://static.piaoniu.com/pc/img/qr-app.a2c8e636.png" class="img">
						<div class="text">票牛app</div>
					</div>
				</div>

			</div>
		</div>
	</div>
</div>
<div class="footer1">
	<div class="content">
			<div class="links">
					<a href="/about" rel="nofollow">关于我们</a>
					<a href="/contact" rel="nofollow">联系我们</a>
					<a href="http://piaoniu.zhiye.com/" rel="nofollow">加入我们</a>
					<a href="/actor" rel="nofollow">艺人</a>
					<a href="/city/all" rel="nofollow">全部城市</a>
					<a href="http://news.piaoniu.com/" rel="nofollow">票牛资讯</a>
					<a href="https://m.piaoniu.com/about/privacy-policy.html" rel="nofollow">隐私政策</a>
					<a href="/disputeResolution" rel="nofollow">争议调解</a>
					<a href="javascirpt:;" class="hot-find">热门搜索</a>
			</div> 
			<div class="hot-search">
				<a href="//www.piaoniu.com/stag/32048">BIGBANG郑州演唱会</a>
				<a href="//www.piaoniu.com/stag/48745">刘若英兰州演唱会行程</a>
				<a href="//www.piaoniu.com/stag/56052">魏如萱海口演唱会行程</a>
				<a href="//www.piaoniu.com/stag/56286">Teen Top梧州演唱会行程</a>
				<a href="//www.piaoniu.com/stag/62199">Ben UFO贵阳演唱会行程</a>
				<a href="//www.piaoniu.com/stag/62472">Mr. Graceless长春演唱会行程</a>
				<a href="//www.piaoniu.com/stag/67415">刘思涵太原演唱会行程</a>
				<a href="//www.piaoniu.com/stag/75673">叶丽仪绍兴演唱会行程</a>
				<a href="//www.piaoniu.com/stag/86996">方季惟南宁演唱会安排</a>
			<!-- 	<a href="//www.piaoniu.com/stag/112643">吕方温州演唱会安排</a> -->
							
			</div>
			<div class="w-conduct">
				上海颂品网络科技有限公司 Copyright (c) 2015年 Songpin. All rights reserved. | 沪ICP备14000399号-2
			</div>
			<div class="police-icons">
				<a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010602001682" target="_blank" rel="nofollow" class="link link-police">
					<img src="https://static.piaoniu.com/pc/img/police.dfd1a0f7.png" class="icon">
					<div class="text">沪公网安备 31010602001682号</div>
				</a>
				<a href="http://www.sgs.gov.cn/lz/licenseLink.do?method=licenceView&amp;entyId=2016050618242638" target="_blank" rel="nofollow" class="link link-gongshang">
					<img src="https://static.piaoniu.com/pc/img/gongshang.5c149d3e.png" class="icon">
					<div class="text">上海工商</div>
				</a>
			</div>
			<div style="display: none" id="ssNeiRong"></div>
		</div>
</div>
<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="../js/jquery.pagination.js"></script>
<script type="text/javascript" src="../shopJs/action.js"></script>
<script type="text/javascript">
	var oTh = document.getElementById('othercity');
	var oC = document.getElementById('cities');
	oTh.onclick = function(ev){
		var oEvent = ev||event;
		oEvent.cancelBubble=true;
		oC.style.display = 'block';
		
	}
	document.onclick = function(){
		oC.style.display = 'none';
	}
	
/*	$('.M-box2').pagination({
    coping: true,
    homePage: 1,
    endPage: '末页',
    prevContent: '上页',
    nextContent: '下页'
});*/
	$('.title-login').click(function(){
	
	$('.title2').removeClass('title-login')
    $('.title2').addClass('title-quick-login')
 
    $('.title1').removeClass('title-quick-login')
    $('.title1').addClass('title-login')
	$(".form-login").css({'display':'block'})
	$('.form-quick-login').css({'display':'none'})
})
$('.title-quick-login').click(function(){
	
	$('.title2').removeClass('title-quick-login')
    $('.title2').addClass('title-login')
 
    $('.title1').removeClass('title-login')
    $('.title1').addClass('title-quick-login')
	$(".form-login").css({'display':'none'})
	$('.form-quick-login').css({'display':'block'})
})
$('.close').click(function(){
		$('.cover-login').fadeOut()
})
$('.cover').click(function(){
		$('.cover-login').fadeOut()
})
$('.login-icon').click(function(){
	$('.cover-login').css({'display':'block'})
})
$('.app-icon,.app--icon').mouseenter(function(){
	$('.apptwo').css({'display':'block'})
})
$('.app-icon,.app--icon').mouseleave(function(){
	$('.apptwo').css({'display':'none'})
})

$('.apptwo').mouseenter(function(){
	$('.apptwo').css({'display':'block'})
})
$('.apptwo').mouseleave(function(){
	$('.apptwo').css({'display':'none'})
})


// 尾部
$('.hot-find').mouseenter(function(){
	$('.hot-search').css({'display':'block'})
})
$('.hot-find').mouseleave(function(){
	$('.hot-search').css({'display':'none'})
})
$('.hot-search').mouseenter(function(){
	$('.hot-search').css({'display':'block'})
})
$('.hot-search').mouseleave(function(){
	$('.hot-search').css({'display':'none'})
})
function getPos(obj){
				var l = 0;
				var t = 0;
				while(obj){
					l+=obj.offsetLeft;
					t+=obj.offsetTop;
					obj = obj.offsetParent;
				}

				return {left:l,top:t};
			}


		// 城市选择器
		var oTj = $("#J").offset().top
		$("#j").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTj-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});



		$("#a").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: $("#A").offset().top-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});



		var oTb =  $("#B").offset().top

		$("#b").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTb -$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});


		var oTc = $("#C").offset().top
		$("#c").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTc -$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});


		var oTd = $("#D").offset().top

		$("#d").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTd-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});

		var oTf = $("#F").offset().top

		$("#f").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTf - $('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});

		var oTg = $("#G").offset().top

		$("#g").click(function() {
			
		$(".hot-cities").animate({
		scrollTop:oTg -$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});


		var oTh = $("#H").offset().top

		$("#h").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTh-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});

		var oTk = $("#K").offset().top

		$("#k").click(function() {
			
		$(".hot-cities").animate({
		scrollTop:oTk -$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});


		var oTl = $("#L").offset().top
		$("#l").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTl-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});


		var oTm = $("#M").offset().top
		$("#m").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTm-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});

		var oTn = $("#N").offset().top

		$("#n").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTn-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});

		var oTp = $("#P").offset().top
		$("#p").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTp-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});



		var oTq = $("#Q").offset().top
		$("#q").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTq-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});

		var oTr = $("#R").offset().top
		$("#r").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTr-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});


		var oTs = $("#S").offset().top
		$("#s").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTs-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});


		var oTt = $("#T").offset().top
		$("#t").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTt-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});

		var oTw = $("#W").offset().top
		$("#w").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTw-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});


		var oTx = $("#X").offset().top
		$("#x").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTx-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});

		var oTy = $("#Y").offset().top
		$("#y").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTy-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});

		var oTz = $("#Z").offset().top
		$("#z").click(function() {
			
		$(".hot-cities").animate({
		scrollTop: oTz-$('.hot-cities').offset().top }, {duration: 500,easing: "swing"});
		return false;
		});


		$('.citylist').css({'display':'none'})



		var num = 0

		$('.city-name').click(function(){
			if (num == 0) {
				num=1
			$('.citylist').css({'display':'block'})
		   }else{
		   	num = 0
		   	$('.citylist').css({'display':'none'})
		   }
		})





		$('.asdf>li').click(function(){
			$('.selected').html($(this).html()) 
			$('.city-name').html($(this).html())
			$('.citylist').css({'display':'none'})      
		})


		// 三个主页加类名
		$('.menu a').click(function(){
			$('.menu a').removeClass('active')
			$(this).addClass('active')
		})

		$('.login').mouseenter(function(){
			$('.abcdefg').css({'display':'block'})
		})
		$('.abcdefg').mouseenter(function(){
			$('.abcdefg').css({'display':'block'})
		})
		$('.abcdefg').mouseleave(function(){
			$('.abcdefg').css({'display':'none'})
		})
		$('.login').mouseleave(function(){
			$('.abcdefg').css({'display':'none'})
		})
















$("#A1").click(function() {	
$(".allarea").animate({
scrollTop: $("#a1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#B1").click(function() {	
$(".allarea").animate({
scrollTop: $("#b1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#C1").click(function() {	
$(".allarea").animate({
scrollTop: $("#c1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#D1").click(function() {	
$(".allarea").animate({
scrollTop: $("#d1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#F1").click(function() {	
$(".allarea").animate({
scrollTop: $("#f1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#G1").click(function() {	
$(".allarea").animate({
scrollTop: $("#g1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#H1").click(function() {	
$(".allarea").animate({
scrollTop: $("#h1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#J1").click(function() {	
$(".allarea").animate({
scrollTop: $("#j1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#K1").click(function() {	
$(".allarea").animate({
scrollTop: $("#k1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#L1").click(function() {	
$(".allarea").animate({
scrollTop: $("#l1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#M1").click(function() {	
$(".allarea").animate({
scrollTop: $("#m1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#N1").click(function() {	
$(".allarea").animate({
scrollTop: $("#n1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#P1").click(function() {	
$(".allarea").animate({
scrollTop: $("#p1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#Q1").click(function() {	
$(".allarea").animate({
scrollTop: $("#q1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#R1").click(function() {	
$(".allarea").animate({
scrollTop: $("#r1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#S1").click(function() {	
$(".allarea").animate({
scrollTop: $("#s1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#T1").click(function() {	
$(".allarea").animate({
scrollTop: $("#t1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#W1").click(function() {	
$(".allarea").animate({
scrollTop: $("#w1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});$("#X1").click(function() {	
$(".allarea").animate({
scrollTop: $("#x1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#Y1").click(function() {	
$(".allarea").animate({
scrollTop: $("#y1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
$("#Z1").click(function() {	
$(".allarea").animate({
scrollTop: $("#z1").offset().top-$('.allarea').offset().top }, {duration: 500,easing: "swing"});
return false;
});
</script>	

</body>
</html>